cody - HTMLify profile
cody
4270 Files
632542 Views
Latest files of /cody/solygambas/html-css-javascript-projects/068-music player
style.css
cody/solygambas/html-css-javascript-projects/068-music player/style.css
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap');
* {
box-sizing: border-box;
}
body {
background-color: #f7f7f7;
* {
box-sizing: border-box;
}
body {
background-color: #f7f7f7;
index.html
cody/solygambas/html-css-javascript-projects/068-music player/index.html
<!-- Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
script.js
cody/solygambas/html-css-javascript-projects/068-music player/script.js
const musicContainer = document.getElementById("music-container");
const playButton = document.getElementById("play");
const prevButton = document.getElementById("prev");
const nextButton = document.getElementById("next");
const audio = document.getElementById("audio");
const progress = document.getElementById("progress");
const progressContainer = document.getElementById("progress-container");
const title = document.getElementById("title");
const playButton = document.getElementById("play");
const prevButton = document.getElementById("prev");
const nextButton = document.getElementById("next");
const audio = document.getElementById("audio");
const progress = document.getElementById("progress");
const progressContainer = document.getElementById("progress-container");
const title = document.getElementById("title");